<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8" name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>旋转的立方体</title>
    <link rel="stylesheet" href="../css/bootstrap-3.3.7.css">
    <link rel="stylesheet" href="../css/style.css">
    <link rel="stylesheet" href="style2.css">
</head>
<body>

<label for="front">正面</label>
<input id="front" type="radio" name="box">
<label for="left">左面</label>
<input id="left" type="radio" name="box">
<label for="right">右面</label>
<input id="right" type="radio" name="box">
<label for="top">顶面</label>
<input id="top" type="radio" name="box">
<label for="bottom">底面</label>
<input id="bottom" type="radio" name="box">
<label for="back">背面</label>
<input id="back" type="radio" name="box">

<div class="view">
    <div class="box">
        <div class="box_front">杀手</div>
        <div class="box_left">刀客</div>
        <div class="box_right">虎子</div>
        <div class="box_top">BALI</div>
        <div class="box_bottom">谦谦</div>
        <div class="box_back">智者</div>
    </div>
</div>
<br>
<br>
<br>
<p><a href="index.html">查看另一个示例盒子</a></p>
<script src="../js/jquery-2.2.4.js"></script>
<script src="../js/main.js"></script>
</body>
</html>